<template>
	<view class="medicine_con">
		<view class="top_flow">
			<view class="flex">
				<image src="/static/images/pzsc.png"></image>
				<view class="text">拍照上传</view>
			</view>
			<view class="flex">
				<image src="/static/images/scfa.png"></image>
				<view class="text">生成方案</view>
			</view>
			<view class="flex">
				<image src="/static/images/zxxd.png"></image>
				<view class="text">在线下单</view>
			</view>
			<view class="flex">
				<image src="/static/images/yfps.png"></image>
				<view class="text">药房配送</view>
			</view>
		</view>
		<view class="content">
			<view class="remind">
				<view class="title">拍方须知</view>
				<view class="descraption">
					接受机打或手写处方。
					上传处方须包含:医院或诊所名称、帖数、服药方法、处方开具时间、医生签名。如缺少以上任一内容，将无法为您转方。
					仅支持对近30天内开出的处方进行转方。
				</view>
				<view class="text">示例：</view>
				<view class="phone">
					<view></view>
					<view></view>
				</view>
			</view>
			<view class="btn">
				<u-icon name="camera" color="#ffffff" size="32"></u-icon>
				<text @click="upload">上传处方</text>
			</view>
			<view class="text" @click="history">查看历史拍方记录></view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			history(){
				uni.navigateTo({
					url:"/pages/tabbar/home/medicine/list"
				})
			},
			upload(){
				uni.navigateTo({
					url:"/pages/tabbar/home/medicine/prescription"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.medicine_con{
		width:100%;
		height:100%;
		position: absolute;
		background: #F8F8F8;
		font-family: PingFang SC, PingFang SC;
		.top_flow{
			background: #fff;
			padding: 19rpx 55rpx;
			display: flex;
			align-items: center;
			width:100%;
			.flex{
				flex: 1;
				text-align: center;
				image{
					width:90rpx;
					height:90rpx;
					margin: 0 auto;
				}
				text{
					font-weight: 400;
					font-size: 26rpx;
					color: #000000;
					width:100%;
				}
			}
		}
		.content{
			padding: 20rpx 30rpx;
			.remind{
				background: #FFFFFF;
				border-radius: 18rpx;
				margin-bottom: 30rpx;
				padding: 29rpx 30rpx;
				.title{
					font-weight: 500;
					font-size: 30rpx;
					color: #000000;
					padding-bottom: 17rpx;
					border-bottom: 1rpx solid #E4E4E4;
					margin-bottom: 29rpx;
				}
				.descraption{
					font-weight: 400;
					font-size: 30rpx;
					color: #000000;
				}
				.text{
					padding: 10rpx 0;
					font-weight: 500;
					font-size: 30rpx;
					color: #000000;
					text-align: left;
				}
				.phone{
					display: flex;
					align-items: center;
					view{
						width:225rpx;
						height:227rpx;
						border:1px solid #eee;
						margin-right: 27rpx;
					}
				}
			}
			.btn{
				background: #7D2527;
				border-radius: 50rpx;
				margin-bottom: 34rpx;
				display: flex;
				justify-content: center;
				padding: 14rpx 0;
				text{
					margin-left: 10rpx;
					color:#fff;
					font-size: 36rpx;
				}
			}
			.text{
				width:100%;
				text-align: center;
				font-weight: 400;
				font-size: 26rpx;
				color: #666666;
			}
		}
	}
</style>